<template>
  <div>
    <div class="n-layout-page-header">
      <a-card :bordered="false" title="基础详情"> 基础详情，有时也用于显示只读信息。 </a-card>
    </div>
    <a-card :bordered="false" class="proCard mt-4" size="small" :segmented="{ content: 'hard' }">
      <a-descriptions label-placement="left" class="py-2">
        <a-descriptions-item>
          <template #label>收款人姓名</template>
          啊俊
        </a-descriptions-item>
        <a-descriptions-item label="收款账户">NaiveUiAdmin@qq.com</a-descriptions-item>
        <a-descriptions-item label="付款类型">支付宝</a-descriptions-item>
        <a-descriptions-item label="付款账户">NaiveUiAdmin@163.com</a-descriptions-item>
        <a-descriptions-item label="转账金额">￥1980.00</a-descriptions-item>
        <a-descriptions-item label="状态">
          <a-tag type="success"> 已到账</a-tag>
        </a-descriptions-item>
      </a-descriptions>
      <div class="w-full">
        <a-space>
          <label>测试页面缓存</label>
          <a-input placeholder="输入点内容试试" />
        </a-space>
      </div>
    </a-card>
  </div>
</template>

<script>
  import { defineComponent } from 'vue';

  export default defineComponent({
    name: 'BasicInfo',
    setup() {
      return {};
    },
  });
</script>

<style lang="less" scoped></style>
